<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Skylar TV</title>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" media="screen">
<style type="text/css">
.picture-container {
	text-align: left;
}
.yt-preview-container {
	padding: 2em 5em 2em 2em;
}
#styleWithId {
	color:white;
	text-transform:uppercase;
	background:#990000;
}
#styleWithId {
	background:black;
}
#styleWithId {
	background:#ffffff !important;
}
#styleWithId {
	background:blue;
}

div[name=styleWithId]{
	color:#FF0000 !important;
}

.styleByClass{
	color:#000099;
}
.boldFont{
	font-weight:bold;
}
.italicFont{
	font-style:italic;
}
</style>
</head>
<body>
<div style="color:#FFFFFF;background:#000000;">
	<?php echo $_SERVER['HTTP_USER_AGENT'];?>
</div>
<div  style="color:#ffffff">
	INLINE CSS
</div>

<div name="styleWithId" id="styleWithId" style="background:#FFCC66">
	style dengan id - OVERRIDE
</div>

<div class="styleByClass boldFont italicFont">
	STYLE BY CLASS
</div>

<div id="wrapper">
  <div id="header">
    <div id="headerBanner"><img src="images/skyTV_LOGO-01.png" alt="skylartv" width="205" height="248" /></div>
	
    <div id="headerMenu">
		<div class="menu-bar-wrapper">
			<ul class="top-menu-bar ct">
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
						<a href="index.html" class="menu-item-ln">About Us</a>
					</span>
				</li>
				
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
						<a href="update.html" class="menu-item-ln">Update</a>
					</span>
				</li>
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
					<a href="work.html" class="menu-item-ln">Work</a>
					</span>
				</li>
				<li class="menu-item-list active">
					<span class="menu-bg-wrapper-left active">
					<a href="whoishwo.html" class="menu-item-ln active">Who's Who</a>
					</span>
				</li>
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
					<a href="contact.html" class="menu-item-ln">Contact</a>
					</span>
				</li>
			</ul>
			<BR class="cb"/>
		</div>
	</div>
  </div>
  <div id="center">
  <div class="content-wrapper">
	<div class="project-content">
		<div class="project-content-left fl">
		</div>
		<div class="project-content-right fr">
		</div>
	</div>
  </div>
  </div>
  <div id="footer">Copyright &copy; 2012 D'Color Inc. Design by: S.W.A.T </div>
</div>
</body>
</html>
